.ziyou{
    height: 1239px;
    /* background-color: blue; */
}
.ziyou1{
    width: 100%;
    height: 195px;
    background-color: #fff;
}
.ziyou .ziyou1-a a{
    display: inline-block;
    width: 90px;
    height: 43px;
    color: #434545;
}
.ziyou1-a{
    float: left;
    width: 90px;
    height: 43px;
    font-size: 20px;
    border: 1px solid #818181;
    text-align: center;
    line-height: 43px;
    font-weight: bold;
    margin: 184px 29px 0 60px;
}
.ziyou1-a:hover a{
    background-color: #5AD0DC;
    color: #fff;
}
.ziyou1-b{
    position: relative;
    float: left;
    width: 308px;
    height: 195px;
    background: url(../img/ziyou1.jpg) no-repeat center;
    background-size: cover;
    margin: 75px 69px 18px 0;
}

.mask1{
    display: none;
    /* position: absolute;
    left: 0;
    top: 0; */
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.box-q{
    position: absolute;
    top: 32px;
    left: 28px;
    width: 251px;
    height: 131px;
    border: 1px solid #04e4f8;
}

.ziyou1-b:hover .mask1{
    display: block;
}
.ziyou1-c:hover .mask1{
    display: block;
}
.ziyou1-d:hover .mask1{
    display: block;
}



.ziyou1-c{
    position: relative;
    float: left;
    width: 308px;
    height: 195px;
    background: url(../img/ziyou2.jpg) no-repeat center;
    background-size: cover;
    margin: 75px 69px 18px 0;
}

/* .mask2{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);   
}
.box2{
    position: absolute;
    top: 32px;
    left: 28px;
    width: 251px;
    height: 131px;
    border: 1px solid #04e4f8;
} */
.ziyou1-d{
    position: relative;
    float: left;
    width: 308px;
    height: 195px;
    background: url(../img/ziyou3.jpg) no-repeat center;
    background-size: cover;
    margin: 75px 69px 18px 0;
}
.beijing4{
    background: url(../img/ziyou4.jpg) no-repeat center;
    background-size: cover;
}
.beijing5{
    background: url(../img/ziyou5.jpg) no-repeat center;
    background-size: cover;
}
.beijing6{
    background: url(../img/ziyou6.jpg) no-repeat center;
    background-size: cover;
}
.beijing7{
    background: url(../img/ziyou7.jpg) no-repeat center;
    background-size: cover;
}
.beijing8{
    background: url(../img/ziyou8.jpg) no-repeat center;
    background-size: cover;
}
.beijing9{
    background: url(../img/ziyou9.jpg) no-repeat center;
    background-size: cover;
}
.ziyou2{
    width: 100%;
    height: 155px;
    background-color: #fff;
}
.ziyou2-a{
    float: left;
}
.xian{
    display: block;
    width: 308px;
    height: 1px;
    background-color: #818181; 
}
.ziyou2-b{
    color: #434545;
    font-weight: bolder;
    /* margin: 0 242px 0 179px; */
}
.ziyou2-c{
    font-size: 13px;
    color: #434545;
}
.aa1{
    margin: 0 230px 0 179px;
}
.aa2{
    margin: 0 230px 0 179px;
}
.aa3{
    margin: 19px 69px 0 179px;
}
.aa4{
    margin-left: 69px;
}
.bb9{
    margin-top: 19px;
}
.ziyou3{
    position: relative;
    width: 100%;
    height: 194px;
    /* background-color: coral; */
    margin: 0 auto;
}
.ziyou3-a{
    position: absolute;
    top: 70px;
    left: 558px;
    float: left;
    font-size: 18px;
    color: #434545;
}
.ziyou3 :hover .ziyou3-a{
    color: #6cebf9;
}
.ziyou3-b{
    position: absolute;
    top: 60px;
    left: 725px;
    float: left;
    width: 91px;
    height: 43px;
    font-size: 18px;
    color: #434545;
    background-color: 0.0.0.1;
    border: 1px solid #818181;
    text-align: center;
    line-height: 43px;
}
.ziyou3 :hover .ziyou3-b{
    color: #6cebf9;
}





.nav{
    width: 100%;
    height: 395px;
    background-color: #f2f2f2;
    overflow: hidden;
}
.nav-1{
    width: 380px;
    height: 263px;
    /* background-color: crimson; */
    float: left;
    margin: 61px 0 0 333px;
}
.nav-2{
    position: relative;
    width: 496px;
    height: 234px;
    /* width: 600px;
    height: 300px; */
    /* background-color: blue; */
    float: left;
    margin: 84px 0 0 329px;
}
.nav-1-a{
    font-size: 18px;
    color: #5d5d5d;
}
.nav-1-b{
    height: 117px;
    font-size: 14px;
    color: #9fa2a2;
    line-height: 29px;
    margin-top: 50px;
    overflow: hidden;
}
.nav-q{
    float: left;
    width: 16px;
    height: 17px;
    background: url(../img/qq.png) no-repeat center;
    background-size: cover;
    margin: 20px 17px 0 0;
}
.nav-x{
    float: left;
    width: 20px;
    height: 16px;
    background: url(../img/weixin.png) no-repeat center;
    background-size: cover;
    margin: 21px 17px 0 0;
}
.nav-b{
    float: left;
    width: 20px;
    height: 15px;
    background: url(../img/weibo.png) no-repeat center;
    background-size: cover;
    margin: 21px 0 0 0;
}
.nav-1-c{
    float: left;
    height: 15px;
    width: 100%;
    font-size: 14px;
    color: #9fa2a2;
    margin-top: 20px;
}
.nav-2-a{
    position: absolute;
    top: 1px;
    left: 4px;
    font-size: 14px;
    color: #bfbdbd;
}
.nav-2-b{
    position: absolute;
    top: 1px;
    left: 183px;
    font-size: 14px;
    color: #bfbdbd;
}
.nav-2-c{
    position: absolute;
    top: 1px;
    left: 363px;
    font-size: 14px;
    color: #bfbdbd;
}
.nav-2-d{
    position: absolute;
    top: 113px;
    left: 4px;
    font-size: 14px;
    color: #bfbdbd;
}
.nav-4{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 61px;
    height: 24px;
    background-color: #474646;
}
.nav-3-a{
    position: absolute;
    top: 67px;
    left: 1px;
    display: block;
    width: 135px;
    height: 1px;
    background-color: #706d6d;
}
.nav-3-b{
    position: absolute;
    top: 67px;
    left: 181px;
    display: block;
    width: 135px;
    height: 1px;
    background-color: #706d6d;
}
.nav-3-c{
    position: absolute;
    top: 67px;
    right: 0;
    display: block;
    width: 135px;
    height: 1px;
    background-color: #706d6d;
}
.nav-3-d{
    position: absolute;
    top: 166px;
    right: 0;
    display: block;
    width: 495px;
    height: 1px;
    background-color: #706d6d;
}
